<template>
  <div class="list-wrapper">
    <view-list-sub
    v-for="(item,index) of viewDatas"
    :data='item'
    :key='index'></view-list-sub>
  </div>
</template>

<script>
import ViewListSub from './Sub'
export default {
  name: 'ViewList',
  components: { ViewListSub },
  props: {
    viewDatas: Array,
  },
};
</script>

<style lang="scss" scoped>
@import '~styles/mixins.scss';

	.list-wrapper {
		@include flex-row;
		flex-wrap: wrap;
		background-color: #fff;
		border-bottom: 1px solid #ddd;
	}
</style>
